<template>
  <div>
    <el-dialog
      v-model="state.centerDialogVisible"
      title="项目预算编制"
      width="60%"
      class="dialogStyle"
      align-center
    >
      <el-form :model="formInline" class="demo-form-inline" label-width="150px">
        <el-form-item label="年度">
          <el-input v-model="formInline.user" placeholder="年度" />
        </el-form-item>
        <el-form-item label="季度">
          <el-input v-model="formInline.user" placeholder="季度" />
        </el-form-item>
        <el-form-item label="概算审定金额">
          <el-input v-model="formInline.user" placeholder="概算审定金额" />
        </el-form-item>
        <el-form-item label="资金走向">
          <el-input v-model="formInline.user" placeholder="资金走向" />
        </el-form-item>
        <el-form-item label="资金类型">
          <el-input v-model="formInline.user" placeholder="资金类型" />
        </el-form-item>
        <el-form-item label="编制部门">
          <el-input v-model="formInline.user" placeholder="编制部门" />
        </el-form-item>
        <div style="width: 100%">
          <tableCom
            :tableData="state.tableData"
            :isIndex="false"
            :isSelection="false"
            :tableHead="state.tableHead"
          ></tableCom>
          <el-form-item label="审批">
            <el-radio-group v-model="formInline.user">
              <el-radio :label="1">同意</el-radio>
              <el-radio :label="0">拒绝</el-radio>
            </el-radio-group>
          </el-form-item>
          
  
            <el-form-item label="意见" class="oneline">
              <el-input v-model="formInline.user" show-word-limit type="textarea" />
            </el-form-item>
          
        </div>
        <!-- <el-form-item label="计划开始时间">
              <el-date-picker
                v-model="formInline.user"
                type="daterange"
                range-separator="-"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                
              />
            </el-form-item> -->
        <!-- <el-form-item label="实际完成时间">
              <el-date-picker
                v-model="formInline.user"
                type="daterange"
                range-separator="-"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                :size="size"
              />
            </el-form-item> -->
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="state.centerDialogVisible = false" class="button_cancel2">取消</el-button>
          <el-button @click="state.centerDialogVisible = false" class="button_view">
            确定
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>

import upload from '@/components/uploadCom/upload.vue'
import { ref, reactive } from 'vue'
import tableCom from '@/components/table/table.vue'
import { ElDialog, ElButton, ElForm, ElFormItem } from 'element-plus'
const state = reactive({
  centerDialogVisible: false,
  tableData: [],
  tableHead: [
    {
      prop: 'name',
      label: '月度(月)',
      width: '120'
    },
    {
      prop: 'address',
      label: '相关项目'
    },
    {
      prop: 'address',
      label: '相关合同'
    },
    {
      prop: 'address',
      label: '资金预算科目'
    },
    {
      prop: 'address',
      label: '预算金额'
    }
  ]
})

const formInline = reactive({
  user: '',
  region: ''
})
defineExpose({
  state
})
// 上传的图片附件
// const updateFiles = (list) => {
//   if (list.length > 0) {
//     console.log(list)
//   }
// }
</script>
<style lang="scss" scoped>
@import '@/views/constructionProjectManage/static/dialog.scss';
</style>
